<template>
<div>
  <Header :title=title><i class="el-icon-arrow-left" @click="$global.back"></i></Header>
  <MusicList :more-detail="true" :music-list="title==='歌单'?MusicList:topList"></MusicList>
</div>
</template>

<script>
import {mapState} from 'vuex';
import Header from "../../components/Header";
import MusicList from "./Player/MusicList";
export default {
  name: "MoreMusicList",
  components: {MusicList, Header},
  data(){
    return{
      title:this.$route.query.title,
    }
  },
  beforeCreate() {
    this.$store.dispatch('music/MusicList')
    this.$store.dispatch('music/topList')
  },
  computed:{...mapState({MusicList:state=>state.music.MusicList,
      topList:state=>state.music.topList
    })}
}
</script>

<style scoped>

</style>
